<!DOCTYPE html>












  


<html class="theme-next gemini use-motion" lang="zh-CN">
<head><meta name="generator" content="Hexo 3.9.0">
  <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2">
<meta name="theme-color" content="#222">












  <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon-next.png?v=7.2.0">


  <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32-next.png?v=7.2.0">


  <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16-next.png?v=7.2.0">


  <link rel="mask-icon" href="/images/logo.svg?v=7.2.0" color="#222">






<link rel="stylesheet" href="/css/main.css?v=7.2.0">






<link rel="stylesheet" href="/lib/font-awesome/css/font-awesome.min.css?v=4.7.0">








<script id="hexo.configurations">
  var NexT = window.NexT || {};
  var CONFIG = {
    root: '/',
    scheme: 'Gemini',
    version: '7.2.0',
    sidebar: {"position":"right","display":"post","offset":12,"onmobile":false},
    back2top: {"enable":true,"sidebar":true,"scrollpercent":true},
    copycode: {"enable":true,"show_result":true,"style":null},
    fancybox: false,
    mediumzoom: false,
    lazyload: false,
    pangu: false,
    algolia: {
      applicationID: '',
      apiKey: '',
      indexName: '',
      hits: {"per_page":10},
      labels: {"input_placeholder":"Search for Posts","hits_empty":"We didn't find any results for the search: ${query}","hits_stats":"${hits} results found in ${time} ms"}
    },
    localsearch: {"enable":true,"trigger":"auto","top_n_per_article":1,"unescape":false,"preload":false},
    search: {
      root: '/',
      path: 'search.xml'
    },
    tabs: true,
    motion: {"enable":true,"async":false,"transition":{"post_block":"fadeIn","post_header":"slideDownIn","post_body":"slideDownIn","coll_header":"slideLeftIn","sidebar":"slideUpIn"}},
    translation: {
      copy_button: '复制',
      copy_success: '复制成功',
      copy_failure: '复制失败'
    }
  };
</script>

  <meta name="description" content="第一款游览器，第一次游览器大战（网景和微软），JS的起源，及标准ES，node.js的由来">
<meta name="keywords" content="JS起源，node.js由来">
<meta property="og:type" content="article">
<meta property="og:title" content="游览器大战及JS的起源，node.js由来">
<meta property="og:url" content="http://yoursite.com/2019/JS/游览器大战及JS的起源，node-js由来/index.html">
<meta property="og:site_name" content="庄如健">
<meta property="og:description" content="第一款游览器，第一次游览器大战（网景和微软），JS的起源，及标准ES，node.js的由来">
<meta property="og:locale" content="zh-CN">
<meta property="og:image" content="https://img-blog.csdnimg.cn/20190731165403354.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lfVGVuS2Fp,size_16,color_FFFFFF,t_70">
<meta property="og:updated_time" content="2019-08-01T06:54:50.598Z">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="游览器大战及JS的起源，node.js由来">
<meta name="twitter:description" content="第一款游览器，第一次游览器大战（网景和微软），JS的起源，及标准ES，node.js的由来">
<meta name="twitter:image" content="https://img-blog.csdnimg.cn/20190731165403354.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lfVGVuS2Fp,size_16,color_FFFFFF,t_70">



  <link rel="alternate" href="/atom.xml" title="庄如健" type="application/atom+xml">



  
  
  <link rel="canonical" href="http://yoursite.com/2019/JS/游览器大战及JS的起源，node-js由来/">



<script id="page.configurations">
  CONFIG.page = {
    sidebar: "",
  };
</script>

  
  <title>游览器大战及JS的起源，node.js由来 | 庄如健</title>
  












  <noscript>
  <style>
  .use-motion .motion-element,
  .use-motion .brand,
  .use-motion .menu-item,
  .sidebar-inner,
  .use-motion .post-block,
  .use-motion .pagination,
  .use-motion .comments,
  .use-motion .post-header,
  .use-motion .post-body,
  .use-motion .collection-title { opacity: initial; }

  .use-motion .logo,
  .use-motion .site-title,
  .use-motion .site-subtitle {
    opacity: initial;
    top: initial;
  }

  .use-motion .logo-line-before i { left: initial; }
  .use-motion .logo-line-after i { right: initial; }
  </style>
</noscript>

</head>

<body itemscope itemtype="http://schema.org/WebPage" lang="zh-CN">

  
  
    
  

  <div class="container sidebar-position-right page-post-detail">
    <div class="headband"></div>
<a href="https://github.com/Hzrj" class="github-corner" aria-label="View source on GitHub"><svg width="80" height="80" viewbox="0 0 250 250" style="fill:#151513; color:#fff; position: absolute; top: 0; border: 0; right: 0;" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"/><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"/><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"/></svg></a><style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style>

    <header id="header" class="header" itemscope itemtype="http://schema.org/WPHeader">
      <div class="header-inner"><div class="site-brand-wrapper">
  <div class="site-meta">
    

    <div class="custom-logo-site-title">
      <a href="/" class="brand" rel="start">
        <span class="logo-line-before"><i></i></span>
        <span class="site-title">庄如健</span>
        <span class="logo-line-after"><i></i></span>
      </a>
    </div>
    
      
        <h1 class="site-subtitle" itemprop="description">世界这么大，不必自卑，不必骄傲。不然我觉得没有必要。</h1>
      
    
    
  </div>

  <div class="site-nav-toggle">
    <button aria-label="切换导航栏">
      <span class="btn-bar"></span>
      <span class="btn-bar"></span>
      <span class="btn-bar"></span>
    </button>
  </div>
</div>



<nav class="site-nav">
  
    <ul id="menu" class="menu">
      
        
        
        
          
          <li class="menu-item menu-item-home">

    
    
      
    

    
      
    

    <a href="/" rel="section"><i class="menu-item-icon fa fa-fw fa-home"></i> <br>首页</a>

  </li>
        
        
        
          
          <li class="menu-item menu-item-about">

    
    
      
    

    
      
    

    <a href="/about/" rel="section"><i class="menu-item-icon fa fa-fw fa-user"></i> <br>关于</a>

  </li>
        
        
        
          
          <li class="menu-item menu-item-tags">

    
    
      
    

    
      
    

    <a href="/tags/" rel="section"><i class="menu-item-icon fa fa-fw fa-tags"></i> <br>标签<span class="badge">12</span></a>

  </li>
        
        
        
          
          <li class="menu-item menu-item-categories">

    
    
      
    

    
      
    

    <a href="/categories/" rel="section"><i class="menu-item-icon fa fa-fw fa-th"></i> <br>分类<span class="badge">5</span></a>

  </li>
        
        
        
          
          <li class="menu-item menu-item-archives">

    
    
      
    

    
      
    

    <a href="/archives/" rel="section"><i class="menu-item-icon fa fa-fw fa-archive"></i> <br>归档<span class="badge">14</span></a>

  </li>

      
      
        <li class="menu-item menu-item-search">
          <a href="javascript:;" class="popup-trigger">
          
            <i class="menu-item-icon fa fa-search fa-fw"></i> <br>搜索</a>
        </li>
      
    </ul>
  

  

  
    <div class="site-search">
      
  <div class="popup search-popup local-search-popup">
  <div class="local-search-header clearfix">
    <span class="search-icon">
      <i class="fa fa-search"></i>
    </span>
    <span class="popup-btn-close">
      <i class="fa fa-times-circle"></i>
    </span>
    <div class="local-search-input-wrapper">
      <input autocomplete="off" placeholder="搜索..." spellcheck="false" type="text" id="local-search-input">
    </div>
  </div>
  <div id="local-search-result"></div>
</div>



    </div>
  
</nav>



</div>
    </header>

    


    <main id="main" class="main">
      <div class="main-inner">
        <div class="content-wrap">
          
            

          
          <div id="content" class="content">
            

  <div id="posts" class="posts-expand">
      

  
  
  

  

  <article class="post post-type-normal" itemscope itemtype="http://schema.org/Article">
  
  
  
  <div class="post-block">
    <link itemprop="mainEntityOfPage" href="http://yoursite.com/2019/JS/游览器大战及JS的起源，node-js由来/">

    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
      <meta itemprop="name" content="庄如健">
      <meta itemprop="description" content>
      <meta itemprop="image" content="/images/avatar.jpg">
    </span>

    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
      <meta itemprop="name" content="庄如健">
    </span>

    
      <header class="post-header">

        
        
          <h2 class="post-title" itemprop="name headline">游览器大战及JS的起源，node.js由来

              
            
          </h2>
        

        <div class="post-meta">

          
          
          

          
            <span class="post-meta-item">
              <span class="post-meta-item-icon">
                <i class="fa fa-calendar-o"></i>
              </span>
              
                <span class="post-meta-item-text">发表于</span>
              

              
                
              

              <time title="创建时间：2019-07-31 16:37:15" itemprop="dateCreated datePublished" datetime="2019-07-31T16:37:15+08:00">2019-07-31</time>
            </span>
          

          
            

            
              <span class="post-meta-item">
                <span class="post-meta-item-icon">
                  <i class="fa fa-calendar-check-o"></i>
                </span>
                
                  <span class="post-meta-item-text">更新于</span>
                
                <time title="修改时间：2019-08-01 14:54:50" itemprop="dateModified" datetime="2019-08-01T14:54:50+08:00">2019-08-01</time>
              </span>
            
          

          
            <span class="post-meta-item">
              <span class="post-meta-item-icon">
                <i class="fa fa-folder-o"></i>
              </span>
              
                <span class="post-meta-item-text">分类于</span>
              
              
                <span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/categories/JS/" itemprop="url" rel="index"><span itemprop="name">JS</span></a></span>

                
                
              
            </span>
          

          
          

          
            <span class="post-meta-item">
              <span class="post-meta-item-icon">
                <i class="fa fa-eye"></i>
                 热度： 
                <span class="busuanzi-value" id="busuanzi_value_page_pv"></span>
              </span>
            </span>
          

          

          
          
            <span class="post-meta-item">
              <span class="post-meta-item-icon">
                <i class="fa fa-file-word-o"></i>
              </span>
              
                <span class="post-meta-item-text">本文字数：</span>
              
              <span title="本文字数">1.5k</span>
            </span>
          

          
            <span class="post-meta-item">
              <span class="post-meta-item-icon">
                <i class="fa fa-clock-o"></i>
              </span>
              
                <span class="post-meta-item-text">阅读时长 &asymp;</span>
              
              <span title="阅读时长">2 分钟</span>
            </span>
          

          

        </div>
      </header>
    

    
    
    
    <div class="post-body" itemprop="articleBody">

      
      

      
        <p><img src="https://img-blog.csdnimg.cn/20190731165403354.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lfVGVuS2Fp,size_16,color_FFFFFF,t_70" alt="在这里插入图片描述"></p>
<h1 id="游览器从何而来"><a href="#游览器从何而来" class="headerlink" title="游览器从何而来"></a>游览器从何而来</h1><h2 id="第一款游览器"><a href="#第一款游览器" class="headerlink" title="第一款游览器"></a>第一款游览器</h2><p><strong>1994年</strong>，网景浏览器（Netscape ）是一个是由 Netscape 通信公司开发的网页浏览器。一开始只能做静态页面，只能写html页面（css1996年发布的），</p>
<h1 id="LiveScript的诞生"><a href="#LiveScript的诞生" class="headerlink" title="LiveScript的诞生"></a>LiveScript的诞生</h1><blockquote>
<p><strong>1995年</strong>，网景公司决定在游览器中加入一门语言，可以作交互效果，提高用户体验。最终决定聘请Brendan Eich独立开发一门新的语言，十天后，新的语言诞生了。</p>
</blockquote>
<h2 id="LiveScript的更名成JavaScript"><a href="#LiveScript的更名成JavaScript" class="headerlink" title="LiveScript的更名成JavaScript"></a>LiveScript的更名成JavaScript</h2><blockquote>
<p><strong>LiveScript</strong>,后因和Sun公司合作，因市场宣传需要改名<strong>JavaScript</strong>。后来Sun公司被Oracle收购，JavaScript版权归Oracle所有。</p>
</blockquote>
<p>网景公司打算在游览器中加入网络操作系统，这是会影响到微软的利益，引起了微软的注意。（微软找网景谈，没成）</p>
<p><strong>Brendan Eich</strong>有次出席js开发者大会说道，以后要是设计语言，千万不要命名权交给商业公司，不能出于商业考虑而命名。。。</p>
<h1 id="第一次游览器大战-1995年微软发布IE游览器。"><a href="#第一次游览器大战-1995年微软发布IE游览器。" class="headerlink" title="第一次游览器大战 1995年微软发布IE游览器。"></a>第一次游览器大战 1995年微软发布IE游览器。</h1><blockquote>
<p>js语言推出后，网景获得了极大的竞争优势。（微软有找网景谈说收购。微软慌了，也没成）<br>微软对js语言进行反编译借鉴js语言推出了JScript，VBScript。</p>
</blockquote>
<h2 id="第一次游览器大战是标准之争"><a href="#第一次游览器大战是标准之争" class="headerlink" title="第一次游览器大战是标准之争"></a>第一次游览器大战是标准之争</h2><blockquote>
<p><strong>1997</strong>网景公司将JavaScript1.1版本提交给ECMA（欧洲信息和通信系统标准化协会）并没有引起谁的注意，但是没想到的是恰恰影响到了我们。不过那时候竞争太激烈了，标准基本一年一发布，他们两家公司基本上一周一版本。<br><strong>微软杀手锏</strong>   IE3发布，并绑定windows操作系统。网景的份额下滑的很厉害。于是1998年网景公司，被收购</p>
</blockquote>
<h2 id="第一次游览器大战微软赢了。"><a href="#第一次游览器大战微软赢了。" class="headerlink" title="第一次游览器大战微软赢了。"></a>第一次游览器大战微软赢了。</h2><h1 id="JS标准称为ES"><a href="#JS标准称为ES" class="headerlink" title="JS标准称为ES"></a>JS标准称为ES</h1><blockquote>
<p><strong>ECMA收录了JavaScript</strong>并提交给ISO，经过修改，成为了第一个js的标准版本，成为ECMAScript，简称“”ES“”。</p>
</blockquote>
<p>悄悄话，微软相推出了IE4，IE5，IE6（windows xp）之后<strong>微软决定解散游览器团队</strong>（自废武功吗？）</p>
<h1 id="第二次游览器大战"><a href="#第二次游览器大战" class="headerlink" title="第二次游览器大战"></a>第二次游览器大战</h1><blockquote>
<h2 id="MOzilla基金会"><a href="#MOzilla基金会" class="headerlink" title="MOzilla基金会"></a>MOzilla基金会</h2><p>Brendan Eich带领团队成立MOzilla基金会，并决定将网景游览器开源，长时间内，世界的技术爱好者，对网景游览器进行维护和打补丁。</p>
<h3 id="MOzilla推出了Firefox游览器（火狐）"><a href="#MOzilla推出了Firefox游览器（火狐）" class="headerlink" title="MOzilla推出了Firefox游览器（火狐）"></a>MOzilla推出了Firefox游览器（火狐）</h3><p>2008年 谷歌推出了Chrome游览器，苹果推出了Safari，ASA推出了Opera<br> Chrome游览器搭载了js执行引擎v8（v8引擎，可以将js代码直接转换为字节码，理论上js代码执行速度接近汇编语言）<br> 于是，js具备了编写大型应用程序的能力，甚至服务器应用</p>
<h2 id="node-js的由来"><a href="#node-js的由来" class="headerlink" title="node.js的由来"></a>node.js的由来</h2><p>Ryan Dahl 准备写一个服务器端的框架，直接使用v8(开源)引擎完成了该框架，称为 <strong>node.js</strong></p>
</blockquote>
<h2 id="v8引擎将JS的执行推向了一个新的台阶"><a href="#v8引擎将JS的执行推向了一个新的台阶" class="headerlink" title="v8引擎将JS的执行推向了一个新的台阶"></a>v8引擎将JS的执行推向了一个新的台阶</h2><h2 id="ES的语言标准："><a href="#ES的语言标准：" class="headerlink" title="ES的语言标准："></a>ES的语言标准：</h2><blockquote>
<p>不涉及语言的运行环境，正是因为ES避免了运行环境，就让ES有机会在各种环境中执行。ES称为了通用的编程语言。</p>
</blockquote>
<h2 id="ES标准的发展"><a href="#ES标准的发展" class="headerlink" title="ES标准的发展"></a>ES标准的发展</h2><blockquote>
<p>ES1,1997年<br>ES2,1998年<br>ES3 ,1999年<br>ES4,  并没有发布，所以说没有ES4这个版本<br>ES5,2009年      (习惯上，不再区分JavaScript  “js”和ECMAScript “ES”)，，（IE6开始落后标准，但他的团队已经解散了）<br>ES6,2015年        ECMA宣布，从ES6开始，使用年号作为版本号。ES6称为ES2015<br>ES7,</p>
</blockquote>
<h1 id="在校大学生暑假学习笔记，知识点来源于哔哩哔哩视频渡一。"><a href="#在校大学生暑假学习笔记，知识点来源于哔哩哔哩视频渡一。" class="headerlink" title="在校大学生暑假学习笔记，知识点来源于哔哩哔哩视频渡一。"></a>在校大学生暑假学习笔记，知识点来源于<a href="https://www.bilibili.com/video/av60693267?p=3" target="_blank" rel="noopener">哔哩哔哩视频渡一</a>。</h1>
      
    </div>

    

    
      
    

    
    
    

    
      <div id="wechat_subscriber" style="display: block; padding: 10px 0; margin: 20px auto; width: 100%; text-align: center;">
  <img id="wechat_subscriber_qcode" src="/uploads/wechat-qcode.jpg" alt="庄如健 wechat" style="width: 200px; max-width: 100%;">
  <div></div>
</div>

    

    
      
    
    
      <div>
        <div id="reward-container">
  <div>打赏由马云爸爸买单，谢谢请我喝牛奶.</div>
  <button id="reward-button" disable="enable" onclick="var qr = document.getElementById(&quot;qr&quot;); qr.style.display = (qr.style.display === 'none') ? 'block' : 'none';">
    打赏
  </button>
  <div id="qr" style="display: none;">

    
      
      
        
      
      <div style="display: inline-block">
        <img src="/images/Alipay red envelope.jpg" alt="庄如健 支付宝红包">
        <p>支付宝红包</p>
      </div>
    
      
      
        
      
      <div style="display: inline-block">
        <img src="/images/alipay.jpg" alt="庄如健 支付宝">
        <p>支付宝</p>
      </div>
    

  </div>
</div>

      </div>
    

    

    <footer class="post-footer">
      
        
          
        
        <div class="post-tags">
          
            <a href="/tags/JS起源，node-js由来/" rel="tag"># JS起源，node.js由来</a>
          
        </div>
      

      
      
      

      
        <div class="post-nav">
          <div class="post-nav-next post-nav-item">
            
              <a href="/2019/java/java抽象类里面的成员，和接口内的成员-抽象类与接口系列之四/" rel="next" title="java抽象类里面的成员，和接口内的成员   抽象类与接口系列之四">
                <i class="fa fa-chevron-left"></i> java抽象类里面的成员，和接口内的成员   抽象类与接口系列之四
              </a>
            
          </div>

          <span class="post-nav-divider"></span>

          <div class="post-nav-prev post-nav-item">
            
              <a href="/2019/JS/笔记/JS之安装代码编辑器/" rel="prev" title="JS之安装代码编辑器">
                JS之安装代码编辑器 <i class="fa fa-chevron-right"></i>
              </a>
            
          </div>
        </div>
      

      
      
    </footer>
  </div>
    <div>  
      
          
        
  </div>
  
  
  
  </article>

  </div>


          </div>
          
  



        </div>
        
          
  
  <div class="sidebar-toggle">
    <div class="sidebar-toggle-line-wrap">
      <span class="sidebar-toggle-line sidebar-toggle-line-first"></span>
      <span class="sidebar-toggle-line sidebar-toggle-line-middle"></span>
      <span class="sidebar-toggle-line sidebar-toggle-line-last"></span>
    </div>
  </div>

  <aside id="sidebar" class="sidebar">
    <div class="sidebar-inner">

      

      
        <ul class="sidebar-nav motion-element">
          <li class="sidebar-nav-toc sidebar-nav-active" data-target="post-toc-wrap">
            文章目录
          </li>
          <li class="sidebar-nav-overview" data-target="site-overview-wrap">
            站点概览
          </li>
        </ul>
      

      <div class="site-overview-wrap sidebar-panel">
        <div class="site-overview">

          <div class="site-author motion-element" itemprop="author" itemscope itemtype="http://schema.org/Person">
  
    <img class="site-author-image" itemprop="image" src="/images/avatar.jpg" alt="庄如健">
  
  <p class="site-author-name" itemprop="name">庄如健</p>
  <div class="site-description motion-element" itemprop="description"></div>
</div>


  <nav class="site-state motion-element">
    
      <div class="site-state-item site-state-posts">
        
          <a href="/archives/">
        
          <span class="site-state-item-count">14</span>
          <span class="site-state-item-name">日志</span>
        </a>
      </div>
    

    
      
      
      <div class="site-state-item site-state-categories">
        
          
            <a href="/categories/">
          
        
        
        
          
        
          
        
          
        
          
        
          
        
        <span class="site-state-item-count">5</span>
        <span class="site-state-item-name">分类</span>
        </a>
      </div>
    

    
      
      
      <div class="site-state-item site-state-tags">
        
          
            <a href="/tags/">
          
        
        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
        <span class="site-state-item-count">12</span>
        <span class="site-state-item-name">标签</span>
        </a>
      </div>
    
  </nav>



  <div class="feed-link motion-element">
    <a href="/atom.xml" rel="alternate">
      <i class="fa fa-rss"></i>RSS
    </a>
  </div>





  <div class="links-of-author motion-element">
    
      <span class="links-of-author-item">
      
      
        
      
      
        
      
        <a href="https://github.com/Hzrj" title="GitHub &rarr; https://github.com/Hzrj" rel="noopener" target="_blank"><i class="fa fa-fw fa-github"></i>GitHub</a>
      </span>
    
      <span class="links-of-author-item">
      
      
        
      
      
        
      
        <a href="mailto:1316836373@qq.com" title="E-Mail &rarr; mailto:1316836373@qq.com" rel="noopener" target="_blank"><i class="fa fa-fw fa-E-Mail"></i>E-Mail</a>
      </span>
    
      <span class="links-of-author-item">
      
      
        
      
      
        
      
        <a href="https://blog.csdn.net/I_TenKai" title="csdn &rarr; https://blog.csdn.net/I_TenKai" rel="noopener" target="_blank"><i class="fa fa-fw fa-globe"></i>csdn</a>
      </span>
    
      <span class="links-of-author-item">
      
      
        
      
      
        
      
        <a href="https://baidu.com" title="baidu &rarr; https://baidu.com" rel="noopener" target="_blank"><i class="fa fa-fw fa-baidu"></i>baidu</a>
      </span>
    
  </div>







          
          
        </div>
      </div>

      
      <!--noindex-->
        <div class="post-toc-wrap motion-element sidebar-panel sidebar-panel-active">
          <div class="post-toc">

            
            
            
            

            
              <div class="post-toc-content"><ol class="nav"><li class="nav-item nav-level-1"><a class="nav-link" href="#游览器从何而来"><span class="nav-number">1.</span> <span class="nav-text">游览器从何而来</span></a><ol class="nav-child"><li class="nav-item nav-level-2"><a class="nav-link" href="#第一款游览器"><span class="nav-number">1.1.</span> <span class="nav-text">第一款游览器</span></a></li></ol></li><li class="nav-item nav-level-1"><a class="nav-link" href="#LiveScript的诞生"><span class="nav-number">2.</span> <span class="nav-text">LiveScript的诞生</span></a><ol class="nav-child"><li class="nav-item nav-level-2"><a class="nav-link" href="#LiveScript的更名成JavaScript"><span class="nav-number">2.1.</span> <span class="nav-text">LiveScript的更名成JavaScript</span></a></li></ol></li><li class="nav-item nav-level-1"><a class="nav-link" href="#第一次游览器大战-1995年微软发布IE游览器。"><span class="nav-number">3.</span> <span class="nav-text">第一次游览器大战 1995年微软发布IE游览器。</span></a><ol class="nav-child"><li class="nav-item nav-level-2"><a class="nav-link" href="#第一次游览器大战是标准之争"><span class="nav-number">3.1.</span> <span class="nav-text">第一次游览器大战是标准之争</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#第一次游览器大战微软赢了。"><span class="nav-number">3.2.</span> <span class="nav-text">第一次游览器大战微软赢了。</span></a></li></ol></li><li class="nav-item nav-level-1"><a class="nav-link" href="#JS标准称为ES"><span class="nav-number">4.</span> <span class="nav-text">JS标准称为ES</span></a></li><li class="nav-item nav-level-1"><a class="nav-link" href="#第二次游览器大战"><span class="nav-number">5.</span> <span class="nav-text">第二次游览器大战</span></a><ol class="nav-child"><li class="nav-item nav-level-2"><a class="nav-link" href="#MOzilla基金会"><span class="nav-number">5.1.</span> <span class="nav-text">MOzilla基金会</span></a><ol class="nav-child"><li class="nav-item nav-level-3"><a class="nav-link" href="#MOzilla推出了Firefox游览器（火狐）"><span class="nav-number">5.1.1.</span> <span class="nav-text">MOzilla推出了Firefox游览器（火狐）</span></a></li></ol></li><li class="nav-item nav-level-2"><a class="nav-link" href="#node-js的由来"><span class="nav-number">5.2.</span> <span class="nav-text">node.js的由来</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#v8引擎将JS的执行推向了一个新的台阶"><span class="nav-number">5.3.</span> <span class="nav-text">v8引擎将JS的执行推向了一个新的台阶</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#ES的语言标准："><span class="nav-number">5.4.</span> <span class="nav-text">ES的语言标准：</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#ES标准的发展"><span class="nav-number">5.5.</span> <span class="nav-text">ES标准的发展</span></a></li></ol></li><li class="nav-item nav-level-1"><a class="nav-link" href="#在校大学生暑假学习笔记，知识点来源于哔哩哔哩视频渡一。"><span class="nav-number">6.</span> <span class="nav-text">在校大学生暑假学习笔记，知识点来源于哔哩哔哩视频渡一。</span></a></li></ol></div>
            

          </div>

        </div>
		
      <!--/noindex-->
	  
      
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width="298" height="52" src="//music.163.com/outchain/player?type=2&id=33075054&auto=0&height=32"></iframe>		  
      
        <div class="back-to-top motion-element">
          <i class="fa fa-arrow-up"></i>
          
            <span id="scrollpercent"><span>0</span>%</span>
          
        </div>
      

    </div>
	
  </aside>
  <div id="sidebar-dimmer"></div>
  


        
      </div>
    </main>

    <footer id="footer" class="footer">
      <div class="footer-inner">
        <script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
<div class="copyright">&copy; <span itemprop="copyrightYear">2019</span>
  <span class="with-love" id="animate">
    <i class="fa fa-user"></i>
  </span>
  <span class="author" itemprop="copyrightHolder">庄如健</span>

  
    <span class="post-meta-divider">|</span>
    <span class="post-meta-item-icon">
      <i class="fa fa-area-chart"></i>
    </span>
    
      <span class="post-meta-item-text">站点总字数：</span>
    
    <span title="站点总字数">66k</span>
  

  
    <span class="post-meta-divider">|</span>
    <span class="post-meta-item-icon">
      <i class="fa fa-coffee"></i>
    </span>
    
      <span class="post-meta-item-text">站点阅读时长 &asymp;</span>
    
    <span title="站点阅读时长">1:22</span>
  
</div>
<!-- 

  <div class="powered-by">由 <a href="https://hexo.io" class="theme-link" rel="noopener" target="_blank">Hexo</a> 强力驱动 v3.9.0</div>



  <span class="post-meta-divider">|</span>



  <div class="theme-info">主题 – <a href="https://theme-next.org" class="theme-link" rel="noopener" target="_blank">NexT.Gemini</a> v7.2.0</div>

-->


  
  <script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?51920f44b6f27592d202fbbbec94df40";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
        
<div class="busuanzi-count">
  <script async src="https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>

  
    <span class="post-meta-item-icon">
      <i class="fa fa-user"></i>
    </span>
    <span class="site-uv" title="总访客量">
      <span class="busuanzi-value" id="busuanzi_value_site_uv"></span>
    </span>
  

  
    <span class="post-meta-divider">|</span>
  

  
    <span class="post-meta-item-icon">
      <i class="fa fa-eye"></i>
    </span>
    <span class="site-pv" title="总访问量">
      <span class="busuanzi-value" id="busuanzi_value_site_pv"></span>
    </span>
  
</div>









        
      </div>
    </footer>

    

    

    

    

  </div>

  

<script>
  if (Object.prototype.toString.call(window.Promise) !== '[object Function]') {
    window.Promise = null;
  }
</script>
















  
  









  
  <script src="/lib/jquery/index.js?v=3.4.1"></script>

  
  <script src="/lib/velocity/velocity.min.js?v=1.2.1"></script>

  
  <script src="/lib/velocity/velocity.ui.min.js?v=1.2.1"></script>




  <script src="/js/utils.js?v=7.2.0"></script>

  <script src="/js/motion.js?v=7.2.0"></script>



  
  


  <script src="/js/affix.js?v=7.2.0"></script>

  <script src="/js/schemes/pisces.js?v=7.2.0"></script>




  
  <script src="/js/scrollspy.js?v=7.2.0"></script>
<script src="/js/post-details.js?v=7.2.0"></script>



  <script src="/js/next-boot.js?v=7.2.0"></script>

  

  

  


  













  <script src="/js/local-search.js?v=7.2.0"></script>












<script>
// GET RESPONSIVE HEIGHT PASSED FROM IFRAME

window.addEventListener("message", function(e) {
  var data = e.data;
  if ((typeof data === 'string') && (data.indexOf('ciu_embed') > -1)) {
    var featureID = data.split(':')[1];
    var height = data.split(':')[2];
    $(`iframe[data-feature=${featureID}]`).height(parseInt(height) + 30);
  }
}, false);
</script>



  <script>
    (function(){
      var bp = document.createElement('script');
      var curProtocol = window.location.protocol.split(':')[0];
      bp.src = (curProtocol === 'https') ? 'https://zz.bdstatic.com/linksubmit/push.js' : 'http://push.zhanzhang.baidu.com/push.js';
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(bp, s);
    })();
  </script>






  

<script src="/live2dw/lib/L2Dwidget.min.js?094cbace49a39548bed64abff5988b05"></script><script>L2Dwidget.init({"log":false,"pluginJsPath":"lib/","pluginModelPath":"assets/","pluginRootPath":"live2dw/","tagMode":false});</script></body>
</html>
